@import './base.css';

*{
    padding:0;
    margin:0;
    box-sizing:border-box;
  }
  #app{
    max-width:1360px;
    
    height: 100vh;
    min-width:100vw;
    overflow-y: hidden;
  }

a,
.green {
  text-decoration: none;
  color: hsla(160, 100%, 37%, 1);
  transition: 0.4s;
}

@media (hover: hover) {
  a:hover {
    background-color: hsla(160, 100%, 37%, 0.2);
  }
}


@media screen and (max-width: 1024px) {
    #app{
        min-height: 100vh;
        width:100vw;
        overflow: auto;
      }
    .box{
      display: flex;
      flex-direction: column;
    }

    .box .left{
        width:100vw !important;
      /*width:3rem;*/
      min-height: 2rem;
      background:#333;
    }
    .box .center{
      flex:1;
      min-width:4rem;

    }
    .box .right{
              width:100vw !important;

      min-height: 2rem;
      background:#999;

    }
}

